<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
      
<h:head>
	<title>Zumeh: Login</title>
	Welcome to Zumeh App!
	<br>
	</br>
</h:head>
	
<h:body>
	<p:panel columns="1" >
		<h:outputLabel value="Página de Login"/>
	</p:panel>
	
	<h:form>
		<p:growl id="growl" showDetail="true" sticky="true" />
		<p:panel columns="4" >
			<h:panelGrid columns="3" cellpadding="3">
			
			<h:outputLabel for="login" value="Login:"/>
				<p:inputText id="login" value="#{userBean.login}" required="true" 
					requiredMessage="please, insert your login" maxlength="50"/>
			<h:message for="login"/>
			
			<h:outputText value="Password: " />  
            <p:password value="#{userBean.password}" feedback="false" 
            		required="true" requiredMessage="please, insert your password"
            		 maxlength="50"/>


			</h:panelGrid>
			
			<p:notificationBar position="top" effect="slide" widgetVar="bar"
					styleClass="top">
					<h:outputText
						value="What PrimeFaces has so far is just the beginning!"
						style="color:#FFCC00;font-size:36px;" />
				</p:notificationBar>
			
			<p:commandButton value="Submit" ajax="false" update="table"
					action="#{userBean.verifyUser}" />	
			
			<br></br>

			

			<p:graphicImage value="/images/bode2.png" />
			  
		</p:panel>
		
		
		
	</h:form>

	<br/>
</h:body>

	<h:body>
		<h:form>
		<p:commandLink id="createUser" update="panel,display"
				action="createuser?faces-redirect=true" style="margin-right:20px;">
				<h:outputText value="Sign Up" />
			</p:commandLink>
		</h:form>
	</h:body>
</html>